<style>
	.widefat td{
		vertical-align:middle;
		padding-top:20px;
		padding-bottom:20px;
	}
</style>

<div class="cur_skin" id="<?php echo get_option('site_skin', 'deep_ocean'); ?>"></div>
<div class="cur_main_menu_color" id="<?php echo get_option('main_menu_color', '#385064'); ?>"></div>
<div class="cur_main_menu_over_color" id="<?php echo get_option('main_menu_over_color', '#6796af'); ?>"></div>
<div class="cur_submenu_color" id="<?php echo get_option('sub_menu_color', '#ffffff'); ?>"></div>
<div class="cur_submenu_over_color" id="<?php echo get_option('sub_menu_over_color', '#6796af'); ?>"></div>
<div class="cur_sub_menu_over_back_color" id="<?php echo get_option('sub_menu_over_back_color', '#161e26'); ?>"></div>


<div class="wrap nosubsub">
	<div id="icon-link-manager" class="icon32"><br /></div><h2>The Over'All General Settings</h2><br  />
	
	<div class="clear"></div>

	<form action="options.php" method="post">
	<?php wp_nonce_field('update-options'); ?>

	<table class="widefat" cellspacing="0">
	
		<thead>
			<tr>
				<th>
				
					<div style="display:table; float:left;">
						<div style="float:left;">
							<input type="image" name="settings" value=" " style="background:none; background:url(<?php echo bloginfo('template_url'); ?>/images/admin/save.png); border:0; cursor:pointer; width:32px; height:31px; display:table;"/>
						</div>
						<div class="savecss">
							<input type="submit" name="publish" id="publish" accesskey="p" tabindex="5" value="SAVE"/>
						</div>
					</div>
				
				</th>
			</tr>

			</thead>
			
			<tfoot>
		
		</tfoot>
		<tbody>
		<tr class="pad alternate">
			<td class="column-name" colspan="3">
				<h2>OverALL Bonus Skins</h2>
			</td>
		</tr>
		
		
		<tr class="pad alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Site Skins</div>
				
				<div>
				<?php
					$items = array('deep_ocean', 'pink', 'gray', 'green', 'red', 'orange');
					$val = get_option('site_skin', 'deep_ocean');
					quick_list("site_skin", $val, $items, "skin_selector");
				?>
				</div>
			</td>
		</tr>	
		
		<tr class="pad alternate">
			<td class="column-name" colspan="3">
				<h2>Slider Settings</h2>
			</td>
		</tr>
		
		
		<tr class="pad alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Home Page Slider</div>
				
				<div>
				<?php
					echo "<select name='home_slider_type' style='width:125px;'>";
					$items = array('Fade', 'Nivo', '3D');
					foreach ($items as $item)
					{
						$selected = (get_option('home_slider_type', 'Fade') == $item) ? "selected=\"selected\"" : "";
						echo "<option $selected value='". $item ."'>". $item ." Slider</option>";
					}
					echo "</select>";
				?>
				</div>
			</td>
		</tr>
	

		
		<tr class="pad alternate">
			<td class="column-name" colspan="3">
					<h2>Main Menu Settings</h2>
			</td>
		</tr>
		
		<tr class="alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Main Main Menu Font-Size</div>
				<div><input type="text" name="main_menu_size" tabindex="1" size="3" value="<?php echo get_option('main_menu_size', '17'); ?>" /><span class="tablespan">px</span></div>
			</td>
		</tr>
	
		<tr class="alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Main Menu Padding Top</div>
				<div><input type="text" name="main_menu_container_pad" tabindex="1" size="3" value="<?php echo get_option('main_menu_container_pad', '50'); ?>" /><span class="tablespan">px</span></div>
			</td>
		</tr>

		<tr class="alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Main Menu Between</div>
				<div><input type="text" name="main_menu_between" tabindex="1" size="3" value="<?php echo get_option('main_menu_between', '15'); ?>" /><span class="tablespan">px</span></div>
			</td>
		</tr>

		
		<tr class="alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Main Menu Color</div>
				<script type="text/javascript" charset="utf-8"> jQuery(function($) { $("#menu_color").attachColorPicker(); });</script>
				<div class="menu_color_bg"><input type="text" name="main_menu_color" tabindex="1" size="10" id="menu_color" value="<?php echo get_option('main_menu_color', '#385064'); ?>" /></div>
			</td>
		</tr>
		
		<tr class="alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Main Menu Hover Color</div>
				<script type="text/javascript" charset="utf-8"> jQuery(function($) { $("#menu_hover_color").attachColorPicker(); });</script>
				<div class="hover_color_bg"><input type="text" name="main_menu_over_color" tabindex="1" id="menu_hover_color" size="10" value="<?php echo get_option('main_menu_over_color', '#6796af'); ?>" /></div>
			</td>
		</tr>
		
		
		<tr class="pad alternate">
			<td class="column-name" colspan="3">
				<h2>Sub Menu Settings</h2>
			</td>
		</tr>

		
		<tr class="alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Sub Menu Font Size</div>
				<div><input type="text" name="sub_menu_size" tabindex="1" size="3" value="<?php echo get_option('sub_menu_size', '12'); ?>" /><span class="tablespan">px</span></div>
			</td>
		</tr>
		
		<tr class="alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Sub Menu Font Family</div>
				<div><input type="text" name="sub_menu_face" tabindex="1" size="10" value="<?php echo get_option('sub_menu_face', 'Verdana'); ?>" /></div>
			</td>
		</tr>

		
		<tr class="alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Sub Menu Color</div>
				<script type="text/javascript" charset="utf-8"> jQuery(function($) { $("#submenu_color").attachColorPicker(); });</script>
				<div class="submenu_color_bg"><input type="text" name="sub_menu_color" tabindex="1" id="submenu_color" size="10" value="<?php echo get_option('sub_menu_color', '#ffffff'); ?>" /></div>
			</td>
		</tr>
		
		<tr class="alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Sub Menu Over Color</div>
				<script type="text/javascript" charset="utf-8"> jQuery(function($) { $("#submenu_hover_color").attachColorPicker(); });</script>
				<div class="submenu_over_color_bg"><input type="text" name="sub_menu_over_color" id="submenu_hover_color" tabindex="1" size="10" value="<?php echo get_option('sub_menu_over_color', '#6796af'); ?>" />
			</td>
		</tr>

		<tr class="alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Sub Menu Text Shadow</div>
				<script type="text/javascript" charset="utf-8"> jQuery(function($) { $("#submenu_text_shadow").attachColorPicker(); });</script>
				<div><input type="text" name="sub_menu_text_shadow" id="submenu_text_shadow" tabindex="1" size="10" value="<?php echo get_option('sub_menu_text_shadow', '#000000'); ?>" />
			</td>
		</tr>
		
				
		<tr class="alternate">
			<td class="column-name" colspan="3">
				<div class="long_title_div">Sub Menu Hover Background Color</div>
				<script type="text/javascript" charset="utf-8"> jQuery(function($) { $("#submenu_hover_background_color").attachColorPicker(); });</script>
				<div class="submenu_hover_background_color_bg"><input type="text" name="sub_menu_over_back_color" id="submenu_hover_background_color" tabindex="1" size="10" value="<?php echo get_option('sub_menu_over_back_color', '#161e26'); ?>" />
			</td>
		</tr>
		
		
		<tr class="pad alternate">
			<td class="column-name" colspan="3">
			<h2>Logo Settings</h2>
			</td>
		</tr>
		
		
		<tr class="alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Site Logo Directory</div>
				<div>
				<input type="text" name="sitelogo" id="sitelogo" class="upload_input" tabindex="1" size="75" value="<?php echo get_option('sitelogo', get_bloginfo('template_url').'/images/logo.png'); ?>" />
				<a href="media-upload.php?post_id=1&type=image&TB_iframe=true" id="sitelogo" class="set_input thickbox button-primary" title="Add an Logo">Upload</a> <span class="tablespan">(width:280px & height:100px)</span>
				</div>
			</td>
		</tr>
		

		<tr class="alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Site Logo Padding Top</div>
				<div><input type="text" name="logo_pad" tabindex="1" size="3" value="<?php echo get_option('logo_pad', '10'); ?>" /><span class="tablespan">px</span></div>
			</td>
		</tr>
		
		
		<tr class="pad alternate">
			<td class="column-name" colspan="3">
			<h2>Twitter Settings</h2>
			</td>
		</tr>	
				
				
		
		<tr class="alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Twitter ( on/off )</div>
				<div>
				<?php

					list_onoff("twitter_active",get_option('twitter_active', 'off'));
					
				?>
				</div>
			</td>
		</tr>
		
		<tr class="alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Twitter ID</div>
				<div><input type="text" name="twitter_id" tabindex="1" size="15" value="<?php echo get_option('twitter_id', 'ThemeForest'); ?>" /></div>
			</td>
		</tr>
		
		<tr class="alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Twitter Font Size</div>
				<div><input type="text" name="twitter_font_size" tabindex="1" size="3" value="<?php echo get_option('twitter_font_size', '17'); ?>" /> <span class="tablespan">px</span></div>
			</td>
		</tr>

		<tr class="alternate">
			<td class="column-name" colspan="3">
				<div class="short_title_div">Twitter Limit</div>
				<div><input type="text" name="twitter_limit" tabindex="1" size="3" value="<?php echo get_option('twitter_limit', '5'); ?>" /> <span class="tablespan">tweet</span>
			</td>
		</tr>
		

		<tr class="pad alternate">
			<td class="column-name" colspan="3">
			<h2>Cufon Font Settings</h2>
			</td>
		</tr>

			
		<tr class="alternate">
			<td class="column-name" colspan="3">
			
			<div style="display:table; float:left; margin-right:20px;">
			
			Cufon style: <input name="cufon_active" type="radio" id="choose_click_2" value="0" <?php if(get_option('cufon_active') == 0){ echo "checked=\"checked\""; } ?>/> No, Thanks &nbsp;&nbsp; 
						<input name="cufon_active" type="radio" id="choose_click_1" value="1" <?php if(get_option('cufon_active', 1 ) == 1){ echo "checked=\"checked\""; } ?>/> Yes, please
			</div>			
		
			</td>
		</tr>
		
		<tr class="alternate">
			<td class="column-name" colspan="3">
			
			<div id="choose1" <?php if(get_option('cufon_active', 1) == 0){ echo "style=\"display:none;\""; } ?>>
				Cufon Font:<input type="text" name="cufon_font" id="cufon_font" class="upload_input" tabindex="1" size="82" value="<?php echo get_option('cufon_font', get_bloginfo('template_url').'/js/Futura_Bk_BT_400.font.js'); ?>" />
				<a href="media-upload.php?post_id=2&type=image&TB_iframe=true" id="cufon_font" class="set_input thickbox button-primary" title="Add an Font">Upload</a>
			</div>

			<div id="choose2" <?php if(get_option('cufon_active', 1 ) == 1){ echo "style=\"display:none;\""; } ?>>
				Main Menu Font Family:	<input type="text" name="main_menu_face" tabindex="1" size="20" value="<?php echo get_option('main_menu_face', 'Trebuchet MS'); ?>" />
			</div>
			
			</td>
		</tr>

		
		</tbody>
		
		
		<!-- begin add item button -->
		<tfoot>
			<tr>
				<th>
					<div style="display:table; float:left;">
						<div style="float:left;">
							<input type="image" name="settings" value=" " style="background:none; background:url(<?php echo bloginfo('template_url'); ?>/images/admin/save.png); border:0; cursor:pointer; width:32px; height:31px; display:table;"/>
						</div>
						<div class="savecss">
							<input type="hidden" name="action" value="update" />
							<input type="hidden" name="page_options" value="site_skin, twitter_limit, twitter_font_size, twitter_active, twitter_id, home_slider_type, cufon_active, cufon_font, main_menu_size, main_menu_face, main_menu_container_pad, main_menu_color, main_menu_over_color, sub_menu_size, sub_menu_face, sub_menu_color, sub_menu_over_color, sub_menu_over_back_color, sub_menu_text_shadow, logo_pad, sitelogo, main_menu_between" />
							<input type="submit" name="publish" id="publish" accesskey="p" tabindex="5" value="SAVE"/>
						</div>
					</div>
				</th>
			</tr>
		</tfoot>
		<!-- end add item button -->
	</table>

</div>
